<div class="body-main">
    <div class="titleSearch">
        <div class="layui-inline">
            <label>证书名称：</label>
            <div class="layui-input-inline">
                <input type="text" class="input-style" />
            </div>
        </div>
        <div class="layui-inline">
            <label>证书类型：</label>
            <div class="layui-input-inline">
                <select class="select-style">
                    <option>请选择</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label>证书专业：</label>
            <div class="layui-input-inline">
                <select class="select-style">
                    <option>请选择</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label>证书等级：</label>
            <div class="layui-input-inline">
                <select class="select-style">
                    <option>请选择</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label>应用范围：</label>
            <div class="layui-input-inline">
                <select class="select-style">
                    <option>请选择</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label>类别：</label>
            <div class="layui-input-inline">
                <select class="select-style">
                    <option>请选择</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label>三类证书：</label>
            <div class="layui-input-inline">
                <select class="select-style">
                    <option>请选择</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <button class="layui-btn layui-btn-mini layui-btn-normal" onclick="matchSearch()">搜索</button>
            <button class="layui-btn layui-btn-mini layui-btn-primary">清空</button>
        </div>
    </div>
    <div class="table-conter">
        <label class="inline">已预订证书：<span id="reservationNum">0</span>个</label>
        <div class="fr">
            <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="appointment()">预约</a>
            <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="match()">匹配</a>
        </div>
    </div>
    <table id="myTable" class="cell-border crm-table">
        <thead>
        <th>序列号</th>
        <th>证书系统</th>
        <th>证书类型</th>
        <th>证书专业</th>
        <th>证书等级</th>
        <th>证书价格（元）</th>
        <th>应用范围</th>
        <th>类别</th>
        <th>三类证书</th>
        <th>操作</th>
        </thead>
    </table>
</div>